
  <!--container begin-->
  <div id="container" class="fix">
    <div class="crumb"><a href="#">Home</a> &gt; Shipping Address</div>
    <div class="icontainer">
      <div class="cartWrapper">
        <div class="cartPro">
          <h3>Shipping Address</h3>
          <div class="bagArea fix">
            <form id="shippingAddress" method="post" action="/payment" class="formArea">
              <ul class="pt20">
                <li>
                  <label for="firstname"><span class="strong1">*</span> First Name:</label>
                  <input type="text" name="firstname" id="firstname" class="allInput" value="<{$data.dt.shipaddr.firstname}>" maxlength="250"   />
                  <div class="errorInfo"></div>
                </li>
                <li>
                  <label for="lastname"><span class="strong1">*</span> Last Name:</label>
                  <input type="text" name="lastname" id="lastname" class="allInput" value="<{$data.dt.shipaddr.lastname}>" maxlength="250"   />
                  <div class="errorInfo"></div>
                </li>
                <li>
                  <label for="address"><span class="strong1">*</span> Address:</label>
                  <input type="text" name="address" id="address" class="allInput" value="<{$data.dt.shipaddr.address}>" maxlength="320" />
                  <div class="errorInfo"></div>
                </li>
                <li>
                  <label for="city"><span class="strong1">*</span> City /  Town:</label>
                  <input type="text" name="city" id="city" class="allInput" value="<{$data.dt.shipaddr.city}>" maxlength="320" />
                  <div class="errorInfo"></div>
                </li>
                <li>
                  <label for="state"><span class="strong1">*</span> County / State:</label>
                  <input type="text" name="state" id="state" class="allInput" value="<{$data.dt.shipaddr.state}>" maxlength="320" />
                  <div class="errorInfo"></div>
                </li>
                <li >
                  <label for="country"><span class="strong1">*</span> Country:</label>
                  <select name="country" id="country" class="allSelect">
                    <option value="">-Select-</option>
                    <{foreach $data.dt.countrys as $k=>$v}>
                    <option value="<{$v->iso_code}>" temp="2" <{if $data.dt.shipaddr.country == $v->iso_code}>selected="selected"<{/if}>><{$v->name}></option>
                    <{/foreach}>
                  </select>
                  <div class="errorInfo"></div>
                </li>
                <li>
                  <label for="zip"><span class="strong1">*</span> Postal / Zip Code:</label>
                  <input type="text" name="postcode" id="zip" class="allInput" value="<{$data.dt.shipaddr.postcode}>" maxlength="16"   />
                  <div class="errorInfo"></div>
                </li>
                <li >
                  <label for="phone"><span class="strong1">*</span> Phone:</label>
                  <input type="text" name="phone" id="phone" class="allInput" value="<{$data.dt.shipaddr.phone}>" maxlength="320"   />
                  <div class="errorInfo"></div>
                </li>
                <li class="actions">
                  <label>&nbsp;</label>
                  <input type="submit" id="shippingAddressSubmit" class="checkoutBtn" value="Proceed To Checkout" />
                </li>
              </ul>
              <script type="text/javascript">	
	$("#shippingAddress").validate($.extend(formSettings,{
		rules: {
			firstname:"required",
			lastname:"required",
			zip:  "required",
			address: "required",
			city: "required",
			state: "required",
			country: "required",
			phone:  "required"
		}
	}));
</script>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--container end-->
